$menuText:#ffffff; // 字体颜色
$menuActiveText:#fff; // 二级菜单选中的字体颜色
$subMenuActiveText:#fff; // 一级菜单选中的字体颜色

$menuBg:#282828; // 左边栏的背景色
$menuHover:rgba(255, 255, 255, .16); // 鼠标放上去的背景色

$subMenuBg:rgba(0, 0, 0, .36); // 展开的二级菜单
$subMenuHover:#0f55b2; // 二级菜单的hover
$subMenuActive:linear-gradient(to right, #1890ff , #0053a7); // 二级菜单的active
$sideBarWidth: 255px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  subMenuActive: $subMenuActive;
}
